<template>
	<view class="padding30rpx">
		<view class="login-font">
			<view>请设置新的密码</view>
			<view class="hui66" style="font-weight: 400;margin-top: 15rpx;">重置之前的密码，设置新密码</view>
		</view>
		
		<view>
			<view class="login-marg">密码</view>
			<view class="line dis" style="padding-bottom: 30rpx;">
				<input v-model="password" placeholder="请输入密码（6-12位数字或字母）" />
			</view>
		</view>
		<view>
			<view class="login-marg">确认密码</view>
			<view class="line dis" style="padding-bottom: 30rpx;">
				<input v-model="repassword" placeholder="请再次输入密码" />
			</view>
		</view>
		<button @tap="enter">确认更改</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mobile:'',
				password:'',
				repassword:''
			}
		},
		onLoad(option) {
			this.mobile = option.mobile
		},
		methods: {
			//确认更改
			enter(){
				var vm = this

					uni.request({
						method:'POST',
						url:'',
						data:{
							
						},
						success: (res) => {
							console.log('---------登录成功----------',res.data)
							if(res.data.code == 200){
								
							} else {
								
							}
						},
						fail: (err) => {
							console.log(err)
						}
					})
				
			},
		}
	}
</script>

<style lang="scss" scoped>
	button{
		margin-top: 256rpx;
		background-color: #00a29a;
		color: #FFFFFF;
		height: 92rpx;
		line-height: 92rpx;
		width: 100%;
	}
	input{
		font-size: 28rpx;
	}
	label{
		color: #007AFF;
	}
	.login-top {
		text-align: center;
		margin: 30rpx 0;
		image{
			width: 229rpx;
			height: 124rpx;
			
		}
	}
	.login-font{
		font-size: 40rpx;
		font-weight: 600;
		padding-bottom: 30rpx;
	}
	.login-marg{
		margin: 30rpx 0; 
		font-size: 32rpx;
	}
</style>
